<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则表达式</title>
</head>
<body>
<!--
    测试 文本框中的字符串 是否符合正则表达式
-->
    <input type="text" id="str" >
    <!--就是普通按钮-->
    <input id="btn" type="button" value="测试">
    <!--提交表单-->
    <!--<input type="submit"> -->
</body>
<script>
    //151 152 153 157 158 159   131 130 133 132 134 135 136 137 139 138   176 177 179
    //手机号正则表达式: ^1(5[1235789]|3[0-9]|7[679])[0-9]{8}$

    //邮箱的正则表达式: ^[A-Za-z0-9]\w{5,14}[@](sina|gmail|163|qq|outlook)[.](com|cn)$
    //要求：@ 之前 位数限制 6  - 15
    // @ 必须有，   邮箱可以是 sina, gmail, 163, qq, outlook
    //后缀可以是： com ，或者 cn

    //数字正则表达式：要求：只能是一个整数或者是一个小数； 而小数只能 .5
    //1  1.5  6.5 6 96 0.5

    //function(){} 匿名函数
    //给按钮绑定了点击事件
    document.getElementById("btn").onclick = function(){
        //获取文本框的数据
        let str = document.getElementById("str").value;
        //创建正则表达式
        //  正则表达式  ^ 开头  $  结尾
        // let regex = new RegExp("^[^A-z]{3,5}$");
        // let regex = new RegExp("^1(5[1235789]|3[0-9]|7[679])[0-9]{8}$");
        let regex = new RegExp("^[A-Za-z0-9]\\w{5,14}[@](sina|gmail|163|qq|outlook)[.](com|cn)$");
        // 测试 文本是否符合正则表达式要求
        console.log(regex.test(str));
    }
</script>
</html>